@import url(home.css);

/* layout */

#sidebar1 { border: 0px solid #000; display: block; background: #e6e7e9;  width: 235px !important; /*Gecko-Netscape */ width: 235px; /*IE 5.x/Win */ width/**/:/**/235px; /*IE 6.x/Win */}
#sidebar1 { margin-left: 10px !important; /*Gecko-Netscape */ margin-left: 10px; /*IE 5.x/Win */ margin-left/**/:/**/5px; /*IE 6.x/Win */ }

#container {width: 920px;}
#content { margin: 0px 0px 0px 255px; padding: 0px 0px 0px 0px; width: 655px;  }
#content .border { border: 0px solid #000; width: 665px;  }

/* template style */

#subnav { float:left; margin-bottom: 20px; border: 0px solid #000; margin-left: 20px !important; /*Gecko-Netscape */ margin-left: 20px; /*IE 5.x/Win */ margin-left/**/:/**/10px; /*IE 6.x/Win */   }
#subnav .hdr { color: #00539b; border-bottom: 7px solid #bcd86d; font-weight: bold; font-size: 1.1em;  padding: 0px 0px 2px 18px; width: 178px !important; /*Gecko-Netscape */ width: 178px; /*IE 5.x/Win */ width/**/:/**/180px; /*IE 6.x/Win */   margin: 20px 0px 4px 0px;  }
#subnav .hdr a{ color: #00539b; font-weight: bold; font-size: 1.1em;  text-decoration: none; padding: 3px 0px 3px 0px; }
#subnav .hdr a:hover{ text-decoration: none; background-color: #bcd86d; padding: 3px 0px 3px 0px; }
#subnav .hdr-off { color: #00539b; font-weight: bold; font-size: 1.1em;  padding: 0px 0px 4px 18px; width: 180px;  margin: 20px 0px 0px 0px;  }
#subnav .hdr-off a{ color: #00539b; font-weight: bold; font-size: 1.1em;  text-decoration: none; padding: 3px 0px 3px 0px; }
#subnav .hdr-off a:hover{ text-decoration: none; background-color: #bcd86d; padding: 3px 0px 3px 0px; }

.auto #autolink,
.builder #builderslink,
.warranty #warrantylink,
.surety #suretylink { color: #00539b; border-bottom: 7px solid #bcd86d; font-weight: bold; font-size: 1.1em;  padding: 0px 0px 2px 18px; width: 178px !important; /*Gecko-Netscape */ width: 178px; /*IE 5.x/Win */ width/**/:/**/180px; /*IE 6.x/Win */   margin: 20px 0px 4px 0px; }


#subnav .links { padding: 0px 0px 0px 10px; color: #3e3e3e; font-size: 1em; border-top: 1px solid #00539b; width: 185px !important; /*Gecko-Netscape */ width: 185px; /*IE 5.x/Win */ width/**/:/**/180px; /*IE 6.x/Win */  margin: 0px 0px 0px 0px; }
#subnav .links ul { margin: 5px 0px 0px 0px; padding: 0px; }
#subnav .links li { list-style: none; margin: 0px; padding: 0px; line-height: 16px; color: #3e3e3e; font-size: 1em;  }
#subnav .links li a{  color: #3e3e3e; font-size: 1em; text-decoration: none; padding: 3px;  }
#subnav .links li a:hover{  color: #00539b; text-decoration: none; font-weight: bold; font-size: 1em; background-color: #bcd86d; padding: 3px;  }
#subnav .green-bar {  background-color: #bcd86d; border: 0px solid #000; height: 7px; width:180px; }

#subnav .links2 { padding: 5px 0px 10px 22px; color: #3e3e3e; font-size: 1em; border-top: 1px solid #00539b; border-bottom: 1px solid #00539b; width: 174px !important; /*Gecko-Netscape */ width: 174px; /*IE 5.x/Win */ width/**/:/**/180px; /*IE 6.x/Win */  margin: 0px 0px 0px 0px; }
#subnav .links2 ul { margin: 5px 0px 0px 0px; padding: 0px; }
#subnav .links2 li { list-style: none; margin: 0px; padding: 0px; line-height: 16px; color: #3e3e3e; font-size: 1em;  }
#subnav .links2 li a{  color: #3e3e3e; font-size: 1em; text-decoration: none; padding: 3px;   }
#subnav .links2 li a:hover{  text-decoration: none; font-weight: bold; font-size: 1em; background-color: #bcd86d; padding: 3px; color: #00539b;  }

#login { background: #cfd8e1; height: 140px; padding: 10px; }
#login .login-hdr { text-align: center; color: #01539c; font-size: 1.2em; font-weight: bold; }
.form-title { color: #01539c; font-size: 1em; }
.form-note { color: #01539c; font-size: .9em;  line-height: 12px;}

#hbar { border: 0px solid #000; margin: 0px 0px 0px 0px;  }
#hbar .border { width: 920px;  margin: auto; background-color: #FFFFFF;  }
#page-title { float: right; color: #00539b; font-weight: bold; font-size: 1.6em;  padding: 0px 10px 9px 0px; margin: 0px 0px 0px 0px; }

#breadcrumb { color: #00539b; font-weight: bold; font-size: 1em;  padding: 8px 0px 5px 0px; float: left;  background-color: #FFFFFF;  margin-left: 45px !important; /*Gecko-Netscape */ margin-left: 45px; /*IE 5.x/Win */ margin-left/**/:/**/20px; /*IE 6.x/Win */  }
#breadcrumb a{ color: #00539b; font-size: 1em; text-decoration: underline; }
#breadcrumb a:hover{  text-decoration: none; }	

#boxrow01 { float: left;  }
#boxrow02 { float: left; padding: 0px 0px 0px 0px;  }

#main-pic { margin-left: 0px !important; /*Gecko-Netscape */ margin-left: 0px; /*IE 5.x/Win */ margin-left/**/:/**/10px; /*IE 6.x/Win */   }

.servicebox {}
.servicebox.focus-style-on {background: url(../images/box-bk.jpg) no-repeat; }

#servicebox01 { float: left; border-bottom: 1px solid #d6d6cf; border-right: 1px solid #d6d6cf;  width: 332px;  height: 222px; padding: 0px 0px 10px 0px;  }
#servicebox01-hdr { float: left; color: #00539b; font-weight: bold; font-size: 1.5em;  margin: 15px 0px 10px 12px;  }
#servicebox01-hdr a{ color: #00539b; font-weight: bold; text-decoration: none;    }
#servicebox01-hdr a:hover{ text-decoration: none;  }
#servicebox01-content { float: left;  margin: 0px 0px 0px 10px; }
#servicebox01-image { float: left; padding: 0px 0px 0px 0px; }
#servicebox01-image a{ color: #00539b;  font-size: 1em;  font-weight: bold; text-decoration: underline; }
#servicebox01-image a:hover{ text-decoration: none; }
#servicebox01-copy { float: left;  width: 158px; color: #00539b;  font-size: .9em;  padding: 0px 0px 0px 22px; }

#servicebox02 { float: left; border-bottom: 1px solid #d6d6cf;  width: 331px;  height: 222px; padding: 0px 0px 10px 0px;   }
#servicebox02-hdr { float: left; color: #00539b; font-weight: bold; font-size: 1.5em;  margin: 15px 0px 10px 20px;  }
#servicebox02-hdr a{ color: #00539b; font-weight: bold; text-decoration: none; }
#servicebox02-hdr a:hover{ text-decoration: none;  }
#servicebox02-content { float: left;  margin: 0px 0px 0px 20px; }
#servicebox02-image { float: left; padding: 0px 0px 0px 0px; }
#servicebox02-image a{ color: #00539b;  font-size: 1em;  font-weight: bold; text-decoration: underline; }
#servicebox02-image a:hover{ text-decoration: none; }
#servicebox02-copy { float: left;  width: 158px; color: #00539b;  font-size: .9em;  padding: 0px 0px 0px 22px; }

#servicebox03 { float: left;  border-right: 1px solid #d6d6cf;  width: 332px;  height: 222px; padding: 0px 0px 30px 0px;  }
#servicebox03-hdr { float: left; color: #00539b; font-weight: bold; font-size: 1.5em;  margin: 15px 0px 10px 12px;  }
#servicebox03-hdr a{ color: #00539b; font-weight: bold; text-decoration: none;  }
#servicebox03-hdr a:hover{ text-decoration: none;  }
#servicebox03-content { float: left;  margin: 0px 0px 0px 10px; }
#servicebox03-image { float: left; padding: 0px 0px 0px 0px; }
#servicebox03-image a{ color: #00539b;  font-size: 1em;  font-weight: bold; text-decoration: underline; }
#servicebox03-image a:hover{ text-decoration: none; }
#servicebox03-copy { float: left;  width: 158px; color: #00539b;  font-size: .9em;  padding: 0px 0px 0px 22px; }

#servicebox04 { float: left;  width: 331px;  height: 222px; padding: 0px 0px 20px 0px;  }
#servicebox04-hdr { float: left; color: #00539b; font-weight: bold; font-size: 1.5em;  margin: 15px 0px 10px 20px; width: 150px; }
#servicebox04-hdr a{ color: #00539b; font-weight: bold; text-decoration: none; }
#servicebox04-hdr a:hover{ text-decoration: none;  }
#servicebox04-content { float: left;  margin: 0px 0px 0px 20px; }
#servicebox04-image { float: left; padding: 0px 0px 0px 0px; }
#servicebox04-image a{ color: #00539b;  font-size: 1em;  font-weight: bold; text-decoration: underline; }
#servicebox04-image a:hover{ text-decoration: none; }
#servicebox04-copy { float: left;  width: 158px; color: #00539b;  font-size: .9em;  padding: 0px 0px 0px 22px; }

#services-group { float: left; width: 665px;  border: 0px solid #000; padding: 20px 0px 20px 10px; }
#services-copy { float: left; color: #00539b; font-size: 1em; width: 350px; padding: 0px 20px 0px 0px; }
#services-copy .hdr { color: #00539b; font-size: 1.2em; font-weight: bold; padding: 0px 0px 6px 0px; }
#services-copy p { margin: 0px 0px 14px 0px;  }

#services-subgroup { color: #00539b; float: left; width: 690px !important; /*Gecko-Netscape */ width: 690px; /*IE 5.x/Win */ width/**/:/**/670px; /*IE 6.x/Win */   border: 0px solid #000; padding: 20px 0px 20px 10px; }
#services-subcopy { float: left; color: #3e3e3e; font-size: 1em; width: 400px; padding: 0px 20px 0px 0px; }
#services-subcopy a{  color: #00539b; font-size: 1em; text-decoration: underline; }
#services-subcopy a:hover{  text-decoration: none; }
#services-subcopy .hdr { color: #00539b; font-size: 1.3em; font-weight: bold; padding: 0px 0px 4px 0px; }
#services-subcopy p { margin: 0px 0px 14px 0px;   }

#services-thumbs { float: left; width: 270px; border-left: 1px solid #9da0a3; padding: 0px 0px 0px 15px; }
#services-thumbs .group { float: left; padding: 12px 10px 12px 0px; border-bottom: 1px solid #ccc; }
#services-thumbs .pic { float: left; padding: 0px 10px 0px 0px; }
#services-thumbs .copy { float: left; font-size: .9em; color: #3e3e3e; width: 150px; line-height: 12px; }
#thumbs-subhdr { color: #00539b; font-size: 1.3em;  font-weight: bold; padding: 10px 0px 5px 10px; }
#thumbs-title { color: #00539b; font-size: 1.1em;  font-weight: bold; padding: 0px 0px 4px 0px; }
#thumbs-title a{ color: #00539b; font-size: 1.1em;  font-weight: bold; text-decoration: none; padding: 3px 0px 3px 0px; }
#thumbs-title a:hover{ text-decoration: none; background-color: #bcd86d; padding: 3px 0px 3px 0px;  }
#services-tagline { color: #00539b; font-size: 1.8em;  font-weight: bold; padding: 0px 0px 10px 0px;  }

#services-subthumbs { float: left; width: 245px; border-left: 1px solid #9da0a3; padding: 0px 0px 0px 15px; }
#services-subthumbs .group { float: left; padding: 0px 10px 15px 0px; }
#services-subthumbs .pic { float: left; padding: 0px 10px 0px 0px; }
#services-subthumbs .copy { float: left; font-size: .9em; color: #3e3e3e; width: 110px; line-height: 12px; }

#news-subgroup { color: #00539b; float: left; width: 690px !important; /*Gecko-Netscape */ width: 690px; /*IE 5.x/Win */ width/**/:/**/655px; /*IE 6.x/Win */   border: 0px solid #000; padding: 0px 0px 20px 10px; }
#news-subgroup {  margin-left: 0px !important; /*Gecko-Netscape */ margin-left: 0px; /*IE 5.x/Win */ margin-left/**/:/**/5px; /*IE 6.x/Win */   }
#news-subcopy { float: left; color: #00539b; font-size: 1em; width: 400px; padding: 0px 10px 0px 0px; }
#news-subcopy a{  color: #00539b; font-size: 1em; text-decoration: underline; }
#news-subcopy a:hover{  text-decoration: none; }
#news-subcopy .hdr { color: #00539b; font-size: 1.2em; font-weight: bold; padding: 0px 0px 4px 0px; }
#news-subcopy .title { color: #00539b; font-size: 1.4em; font-weight: bold; padding: 0px 0px 4px 0px; }
#news-subcopy p { margin: 0px 0px 14px 0px;  line-height: 16px; }

#news-subcopy2 { float: left; color: #00539b; font-size: 1em; width: 490px; padding: 0px 10px 0px 0px; }
#news-subcopy2 a{  color: #00539b; font-size: 1em; text-decoration: underline; }
#news-subcopy2 a:hover{  text-decoration: none; }
#news-subcopy2 .hdr { color: #00539b; font-size: 1.2em; font-weight: bold; padding: 0px 0px 4px 0px; }
#news-subcopy2 .title { color: #00539b; font-size: 1.5em; font-weight: bold; padding: 10px 5px 4px 0px; }
#news-subcopy2 p { margin: 0px 0px 14px 0px;  line-height: 16px; }
#news-subcopy2 .press-subhdr { color: #00539b; font-size: 1.2em; font-weight: bold; padding: 0px 0px 8px 0px; }
#news-subcopy2 .katie-info { color: #00539b; font-size: 1em; font-weight: bold; padding: 0px 0px 4px 0px; }


#news-subthumbs { float: left; width: 135px !important; /*Gecko-Netscape */ width: 135px; /*IE 5.x/Win */ width/**/:/**/152px; /*IE 6.x/Win */ border-left: 1px solid #9da0a3; border-top: 1px solid #9da0a3;  padding: 0px 0px 0px 10px; }
#news-subthumbs .group { float: left; padding: 0px 10px 15px 10px;  }
#news-subthumbs .pic { float: left; padding: 0px 5px 0px 0px; }
#news-subthumbs .copy { float: left; font-size: .9em; color: #3e3e3e; width: 60px; line-height: 12px; padding: 10px 0px 0px 0px; }
#news-subthumbs .pdf { color: #00539b; font-size: 1.1em; font-weight: bold; padding: 0px 0px 4px 0px;  }
#news-subthumbs .pdf a{ color: #00539b; font-size: 1.1em; font-weight: bold; text-decoration: underline; }
#news-subthumbs .pdf a:hover{ text-decoration: none; }

#media-contact { color: #00539b; font-size: 1em; padding: 20px 0px 0px 10px; border: 0px solid #000; }
#media-contact a{ color: #00539b; font-size: 1em; text-decoration: underline; }
#media-contact a:hover { text-decoration: none; }

#about-subgroup { color: #00539b; float: left; width: 690px !important; /*Gecko-Netscape */ width: 690px; /*IE 5.x/Win */ width/**/:/**/660px; /*IE 6.x/Win */   border: 0px solid #000; padding: 0px 0px 20px 0px; }
#about-subgroup {  margin-left: 0px !important; /*Gecko-Netscape */ margin-left: 0px; /*IE 5.x/Win */ margin-left/**/:/**/5px; /*IE 6.x/Win */   }
#about-subcopy {  float: left; color: #00539b; font-size: 1em; width: 400px; padding: 0px 10px 0px 10px; border: 0px solid #000; }
#about-subcopy a{  color: #00539b; font-size: 1em; text-decoration: underline; }
#about-subcopy a:hover{  text-decoration: none; }
#about-subcopy .hdr { color: #00539b; font-size: 1.4em; font-weight: bold; padding: 20px 0px 6px 0px; }
#about-subcopy .hdr2 { color: #00539b; font-size: 1.2em; line-height: 16px; font-weight: bold; padding: 20px 0px 6px 0px; }
#about-subcopy .hdr2 a{ color: #00539b; font-size: 1.2em; line-height: 16px;  font-weight: bold; text-decoration: none; }
#about-subcopy .hdr2 a:hover{  text-decoration: underline; }
#about-subcopy p { margin: 0px 0px 10px 0px;  padding: 0px; }
#about-subcopy .bio-hdr { background: url(../images/small-logo.jpg) no-repeat; color: #00539b; font-size: 1.2em; font-weight: bold;  padding: 5px 0px 10px 35px; border-bottom: 2px solid #bcd86d;  margin: 10px 0px 10px 0px;  }
#about-subcopy .vspace { margin: 0px 0px 0px 0px;  padding: 5px 0px 0px 0px; border: 0px solid #000; }
#bio-title { float: right; color: #00539b; font-size: 1.1em;   padding: 5px 0px 10px 35px; }  


#about-subthumbs { float: left; width: 196px; border-left: 1px solid #9da0a3; border-top: 1px solid #ccc;  padding: 10px 0px 0px 10px; margin-left: 30px !important; /*Gecko-Netscape */ margin-left: 20px; /*IE 5.x/Win */ margin-left/**/:/**/10px; /*IE 6.x/Win */   }
#about-subthumbs .group { float: left; padding: 10px 10px 15px 10px; border-bottom: 1px solid #ccc; }
#about-subthumbs .pic { float: left; padding: 0px 5px 0px 0px; }
#about-subthumbs .copy { float: left; font-size: .9em; color: #3e3e3e; width: 125px; line-height: 12px; padding: 10px 0px 0px 0px; }
#about-subthumbs .pdf { color: #00539b; font-size: 1.1em; font-weight: bold; padding: 0px 0px 4px 0px;  }
#about-subthumbs .pdf a{ color: #00539b; font-size: 1.1em; font-weight: bold; text-decoration: underline; }
#about-subthumbs .pdf a:hover{ text-decoration: none; }

#product-subgroup { color: #00539b; float: left; width: 690px !important; /*Gecko-Netscape */ width: 690px; /*IE 5.x/Win */ width/**/:/**/660px; /*IE 6.x/Win */   border: 0px solid #000; padding: 0px 0px 20px 10px; }
#product-subcopy { float: left; color: #00539b; font-size: 1em; width: 660px; padding: 0px 0px 0px 0px; border: 1px solid #000; }
#product-subcopy a{  color: #00539b; font-size: 1em; text-decoration: underline; }
#product-subcopy a:hover{  text-decoration: none; }
#product-subcopy .hdr { color: #00539b; font-size: 1.3em; font-weight: bold; padding: 0px 0px 4px 0px; }
#product-subcopy p { margin: 0px 0px 14px 0px;   }
#product-toprow { float: left; color: #00539b; font-size: 1em; width: 655px; padding: 0px 0px 0px 0px; border: 0px solid #000; }
#product-toprow .hdr { color: #00539b; font-size: 1.3em; font-weight: bold; padding: 30px 0px 10px 0px; }
#product-bttmrow { float: left; color: #00539b; font-size: 1em; width: 650px; padding: 0px 0px 0px 0px; border: 0px solid #000;  }
#product-bttmrow .copy { padding: 10px 30px 0px 0px; }

#product-subthumbs { float: right; width: 228px; border-left: 1px solid #9da0a3; border-top: 0px solid #9da0a3; padding: 10px 0px 0px 15px; margin: 0px 0px 0px 10px; }
#product-subthumbs .group { float: left; padding: 0px 10px 15px 10px;  }
#product-subthumbs .pic { float: left; padding: 0px 5px 0px 0px; }
#product-subthumbs .copy { float: left; font-size: .9em; color: #3e3e3e; width: 130px; line-height: 12px; padding: 10px 0px 0px 0px; }
#product-subthumbs .pdf { color: #00539b; font-size: 1.1em; font-weight: bold; padding: 0px 0px 4px 5px;   }
#product-subthumbs .pdf a{ color: #00539b; font-size: 1.1em; font-weight: bold; text-decoration: underline; }
#product-subthumbs .pdf a:hover{ text-decoration: none; }


#banner {  margin: 30px 0px 0px 20px; border: 0px solid #000;}

#sitemap-content { float: left;  }
#sitemap-content .hdr { color: #00539b; font-size: 1.2em;  font-weight: bold; padding: 10px 0px 5px 0px;  }
#sitemap-content .hdr a{ text-decoration: none; color: #00539b; font-size: 1.2em;  font-weight: bold; }
#sitemap-content .hdr a:hover{ text-decoration: underline;  }
#sitemap-content .subhdr { color: #3e3e3e; font-size: 1em;  font-weight: bold; padding: 10px 0px 4px 0px;  }
#sitemap-content .subhdr a{ text-decoration: none; color: #3e3e3e; font-size: 1.1em;  font-weight: bold; padding: 10px 0px 4px 0px;  }
#sitemap-content .subhdr a:hover{ text-decoration: none; background-color: #bcd86d; padding: 3px 0px 3px 0px;   }
#sitemap-content .group { float: left; width: 160px; border-right: 0px solid #cccccc; padding: 0px 10px 0px 30px; }
#sitemap-content .group ul { margin: 0px; padding: 0px; }
#sitemap-content .group li { line-height: 16px; list-style: none; padding: 0px; margin: 0px; }
#sitemap-content .group li a{ line-height: 16px; color: #3e3e3e; font-size: 1em; text-decoration: none; padding: 3px 0px 3px 0px; }
#sitemap-content .group li a:hover{ text-decoration: none; background-color: #bcd86d; padding: 3px 0px 3px 0px;  }

#sitemap-content .group-last { float: left; width: 160px; border-right: 0px solid #cccccc; padding: 0px 10px 0px 30px; }
#sitemap-content .group-last ul { margin: 0px; padding: 0px; }
#sitemap-content .group-last li { line-height: 16px; list-style: none; padding: 0px; margin: 0px; }
#sitemap-content .group-last li a{ line-height: 16px; color: #3e3e3e; font-size: 1em; text-decoration: none; padding: 3px 0px 3px 0px;}
#sitemap-content .group-last li a:hover{ text-decoration: none; background-color: #bcd86d; padding: 3px 0px 3px 0px; }
#sitemap-columns { float: left; }
#sitemap-column01 { float: left; border: 0px solid #000;  padding: 0px 0px 20px 0px;  }
#sitemap-column02 { float: left;  }
#sitemap-column03 { float: left; border: 0px solid #000; padding: 30px 0px 0px 0px;  }

.form-field { width: 170px; }
.text-area { width: 170px; }
#required { color: #00539b; font-size: .9em; padding: 10px 0px 0px 0px; }

#contact-row { float: left; border: 0px solid #000; width: 420px; }
#contact-row02 { float: left; }
#contact-row .info { float: left; border: 0px solid #000; padding: 0px 50px 0px 0px; color: #00539b; font-size: 1em;  }